<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <H1 v-on:click="warn">学习使用v-on:click</H1>
    <!--@click是v-on:click指令的简写形式-->
    <button @click="submit">提交表单</button>

    <p>下面是原生的JavaScript事件写法</p>
    <button onclick="submitWithJs()">提交表单</button>

</div>
</body>
</html>
<script src="../../js/vue.js"></script>
<script>
    new Vue({
        el: "#app",
        data: {},
        methods: {
            warn() {
                alert('别碰我!');
            },
            submit() {
                alert("表单提交成功！");
            },
        },

    });

    function submitWithJs() {
        alert("表单提交成功！");
    }
</script>

